
import {  Card, Typography, Space } from 'antd';

const { Title, Text } = Typography;

//调班详情模态框
export const ShiftDetailModal = (props) => {
    const data=props.data;
  return (
  
      <Card className="p-4">
        <Title level={4} className="mb-4">申请基本信息</Title>
        <Space direction="vertical" size="large" style={{ width: '100%' }}>
          <div className="flex justify-between">
            <Text strong>申请人：</Text>
            <Text>{data?.doctor || '无'}</Text>
          </div>
          <div className="flex justify-between">
            <Text strong>原排班时间：</Text>
            <Text>{data?.originalTime || '无'}</Text>
          </div>
          <div className="flex justify-between">
            <Text strong>申请调至时间：</Text>
            <Text>{data?.requestedTime || '无'}</Text>
          </div>
          <div className="flex justify-between">
            <Text strong>申请时间：</Text>
            <Text>{data?.requestTime || '无'}</Text>
          </div>
          <div className="flex justify-between">
            <Text strong>申请状态：</Text>
            <Text>
              {data?.status === 'pending' && '待审核'}
              {data?.status === 'approved' && '已批准'}
              {data?.status === 'rejected' && '已拒绝'}
            </Text>
          </div>
          <div>
            <Text strong>申请原因：</Text>
            <Text className="block mt-1">{data?.reason || '无'}</Text>
          </div>
        </Space>
      </Card>
  
  );
};